<?xml version='1.0' encoding='ISO-8859-1' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">    
            <SCRIPT language="JavaScript" type="text/javascript">
                   
                function abrirPopupExp(xhr, status, args) {                     
                    if(args.validationFailed || !args.CallbackParam) {  
     
                    } else {                              
                        carDialogExp.show();  
                    }  
                }  
            </SCRIPT>
                <h:form onsubmit="return checkSubmit();"  id="frmPrincipal" styleClass="formulario">                     
                    <p:panel id="pnlPrincipal" header="#{i18n['documento.venta.xcobrar.titulo']}"  style="#{applicationMBean.estiloTitulo}">
                        <h:panelGrid id="pgFormFilter" columns="20" cellpadding="10">
                            <h:outputLabel value="#{i18n['general.label.id']}"  styleClass="label"/>                            
                            <p:inputText value="#{planCobroMBean.dtoFiltro.id}" styleClass="txtCampo" size="15"
                                onkeypress="return fn_validaTecla('entero',this);">
                                <f:validateLongRange minimum="0" maximum="999999" />
                            </p:inputText>
                            
                            <h:outputLabel value="#{i18n['documento.compra.xpagar.label.fechadesde']}" styleClass="label"/>
                            <p:calendar value="#{planCobroMBean.dtoFechaFiltro.fechaInicio}"  styleClass="txtCampo"
                                        pattern="#{applicationMBean.formatoFecha}">
                                <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                            </p:calendar>
                            
                            <h:outputLabel value="#{i18n['documento.compra.xpagar.label.fechahasta']}" styleClass="label"/>
                            <p:calendar value="#{planCobroMBean.dtoFechaFiltro.fechaFin}"  styleClass="txtCampo"
                                    pattern="#{applicationMBean.formatoFecha}">
                                <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/>
                            </p:calendar>
                            
                            <h:outputLabel value="#{i18n['general.label.estado']}" styleClass="label"/>
                            <p:selectOneMenu value="#{planCobroMBean.dtoFiltro.estado}"
                                         style="#{applicationMBean.estiloObligatorio}">
                                <f:selectItems value="#{planCobroMBean.siEstadosBusqueda}"/>
                            </p:selectOneMenu>
                        </h:panelGrid>
                        
                        <f:facet name="footer">
                            <p:commandButton icon="ui-icon ui-icon-search" title="#{i18n['general.button.buscar.filtro.tip']}" accesskey="#{applicationMBean.keyBuscar}"
                                         value="#{i18n['general.button.buscar.filtro']}" ajax="false" 
                                         style="#{applicationMBean.estilosBtnBuscar}" 
                                         actionListener="#{planCobroMBean.buscar}"
                                         rendered="#{sessionMBean.privilegiosOpciones['961']=='true'}">
                                <f:ajax  render="pnlTabla pgFormFilter"/>
                            </p:commandButton>
                            
                            <p:spacer width="20"/>
                            <h:outputText  value="#{planCobroMBean.lista.size()} #{i18n['form.general.mensaje.cantidad.encontrada']}" styleClass="mensaje" rendered="#{planCobroMBean.lista!=null}"/>
                        </f:facet>
                    </p:panel>
                    
                    <p:panel id="pnlTabla" header="#{i18n['general.panel.titulo.busqueda.resultado']}" style="#{applicationMBean.estiloTitulo}" rendered="#{planCobroMBean.lista!=null &amp;&amp; planCobroMBean.lista.size()>0}">
                    <h:panelGrid id="pngTabla" columns="1">
                        <p:dataTable id="tblPrincipal" value="#{planCobroMBean.lista}" var="dto" rowKey="#{dto.id}"
                                    emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="estiloPanel"
                                    paginator="true" rows="#{sessionMBean.cantidadRegistros}" widgetVar="widTable" paginatorPosition="top"
                                    selection="#{planCobroMBean.selectedPCs}">
                            <p:column selectionMode="multiple" style="width:18px"/>
                            <p:column>                               
                                    <p:commandButton icon="ui-icon ui-icon-pencil" title="#{i18n['general.button.cancelar.tip']}"
                                                    action="#{planCobroMBean.editar}" ajax="false"
                                                    rendered="#{sessionMBean.privilegiosOpciones['962']=='true'}">
                                        <f:setPropertyActionListener value="#{dto}" target="#{planCobroMBean.dto}" />                                                                    
                                    </p:commandButton>
                            </p:column>
                            <p:column headerText="#{i18n['general.label.id']}" sortBy="#{dto.id}" styleClass="general">
                                <h:outputText value="#{dto.id}" styleClass="general" />
                            </p:column>                            
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.cliente']}" styleClass="general" >
                                <h:outputText value="#{dto.documentoVentaDto.clienteDto.descripcion}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.doc.transaccion']}" styleClass="general" >
                                <h:outputText value="#{dto.documentoVentaDto.docTransaccionTexto}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.referencia']}" styleClass="general" >
                                <h:outputText value="#{dto.documentoVentaDto.numero}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.moneda']}" styleClass="general" >
                                <h:outputText value="#{dto.documentoVentaDto.monedaDto.descripcion}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.monto']}" styleClass="general" >
                                <h:outputText value="#{dto.liquidar}" styleClass="general">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.cobrado']}" styleClass="general" >
                                <h:outputText value="#{dto.cobrado}" styleClass="general">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.pendiente']}" styleClass="general" >
                                <h:outputText value="#{dto.pendiente}" styleClass="general">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.label.fechavencimiento']}" styleClass="general" >
                                <h:outputText value="#{dto.fechaVencimiento}" styleClass="general" >
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/> 
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['general.label.estado']}" styleClass="#{dto.inlinestyle}">
                                <h:outputText value="#{dto.estadoTexto}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.usuario.cancelacion']}" styleClass="general">
                                <h:outputText value="#{dto.usuarioCancelacionDto.descripcion}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="#{i18n['documento.venta.xcobrar.fecha.cancelacion']}" styleClass="general" >
                                <h:outputText value="#{dto.fechaCancelacion}" styleClass="general" >
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFecha}"  timeZone="#{applicationMBean.timeZone}"/> 
                                </h:outputText>
                            </p:column>
                    </p:dataTable>
                    </h:panelGrid>
                        <f:facet name="footer">
                        <p:commandButton title="#{i18n['plan.cobro.button.exp_planilla_seleccionados']}" disabled="#{planCobroMBean.lista == null || planCobroMBean.lista.size() == 0}" accesskey="#{applicationMBean.keyGuardar}"
                                         icon="ui-icon ui-icon-arrowthickstop-1-s" 
                                         ajax="true" 
                                         value="#{i18n['plan.cobro.button.exp_planilla_seleccionados']}" style="#{applicationMBean.estilosBtnExportarSelecc}"
                                         action="#{planCobroMBean.cargarPopupExportarExcel('S')}"
                                         oncomplete="abrirPopupExp(xhr, status, args)" update=":msgs, :frmExp:pgFormExp"
                                         rendered="#{sessionMBean.privilegiosOpciones['963']=='true'}">                                    
                        </p:commandButton> 

                        <p:commandButton title="#{i18n['plan.cobro.button.exp_planilla_por_tabla']}" disabled="#{planCobroMBean.lista == null || planCobroMBean.lista.size() == 0}" accesskey="#{applicationMBean.keyGuardar}"
                                         icon="ui-icon ui-icon-arrowthickstop-1-s" 
                                         ajax="true"
                                         value="#{i18n['plan.cobro.button.exp_planilla_por_tabla']}" style="#{applicationMBean.estilosBtnExportarTodos}"
                                         action="#{planCobroMBean.cargarPopupExportarExcel('T')}"
                                         oncomplete="abrirPopupExp(xhr, status, args)" update=":msgs, :frmExp:pgFormExp"
                                         rendered="#{sessionMBean.privilegiosOpciones['964']=='true'}">                                    
                        </p:commandButton>   
                    </f:facet>
                    </p:panel>
                </h:form>
            <p:dialog id="dialogDetalle" header="#{i18n['plan.cobro.popup.exp.titulo']}" widgetVar="carDialogExp" resizable="false"  
                      width="500" height="300" modal="true">                  
                <ui:include src="/pages/caja/cobroDV/listaColumnas.xhtml" /> 
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>